<template>
  <!-- <div>
    御剑乘风来,除魔天地间!===app
    <hr />
    <router-view></router-view>
  </div>-->

  <div>
    <ul>
      <li>
        <a href="#/">我是tab1===first</a>
      </li>
      <li>
        <a href="#/second">我是tab2===second</a>
      </li>
      <li>
        <a href="#/third">我是tab3===third</a>
      </li>
    </ul>
    <hr />
    <!-- 坑位===占位符===路径匹配成功就会显示对应的组件=>显示在坑位中 -->
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  name: '',
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
ul {
  display: flex;
  li {
    margin: 40px;
  }
}
</style>